<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.container{
				width: 280px;
				height: 450px;
				background-image: url(img/2019-10-12_135330.png);
				background-size: 280px 450px;
				overflow: hidden;
			}
			.divshow{
				width: 280px;
				height: 120px;
				background: rgba(0,0,0,0.3);
				margin-top: 450px;
				color: white;
				font: normal normal 16px "微软雅黑";
				transition: margin-top 1s linear;
			}
		
			.container:hover .divshow{
				margin-top: 330px;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="divshow">
				<h1>文字标题</h1>
				<p>文字内容文字内容哈哈哈的沙发斯蒂芬大沙发斯蒂芬阿斯顿发 阿斯顿发多少.....</p>
			</div>
		</div>

	</body>
</html>
